<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>外科</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			body {
				position: relative;
			}
			
			.registerT {
				background-color: #f6f6f6;
				color: #666;
				font-size: 0.3rem;
				padding-left: 0.2rem;
				line-height: 0.7rem;
				height: 0.7rem;
				border-bottom: 1px solid #d2d2d2;
			}
			
			.oneCon {
				padding: 0.21rem 0;
				position: relative;
				height: 1.24rem;
				background-color: #fff;
				font-size: 0.3rem;
				border-bottom: 1px solid #d2d2d2;
			}
			
			.oneCon div {
				padding-left: 1.36rem;
			}
			
			.oneCon .icon-jiuzhenqia {
				position: absolute;
				left: 0.2rem;
				top: 0.3rem;
				color: #428bca;
				font-size: 0.32rem;
				font-size: 0.56rem;
			}
			
			.oneCon .icon-tiaozhuan {
				position: absolute;
				right: 0.2rem;
				top: 0.44rem;
				color: #666;
			}
			
			.twoCon .contain {
				height: 0.7rem;
				line-height: 0.7rem;
				border-bottom: 1px solid #d2d2d2;
				padding-left: 0.2rem;
				font-size: 0.3rem;
			}
			
			.twoCon .contain .lName {
				display: inline-block;
				width: 1.76rem;
				color: #333;
			}
			
			.twoCon .contain .rContain {
				display: inline-block;
				color: #428bca;
			}
			
			.confirmR {
				margin: 1.48rem 0.58rem 0;
				color: #fff;
				font-size: 0.36rem;
				background-color: #428bca;
				text-align: center;
				width: 6.34rem;
				height: 0.76rem;
				line-height: 0.76rem;
				border: none;
				border-radius: 0.1rem;
			}
			
			.outside {
				width: 100%;
				height: 13.34rem;
				top: 0;
				display: block;
				position: absolute;
				background-color: rgba(0, 0, 0, 0.2);
			}
			
			.outside .showToast {
				position: absolute;
				bottom: 4.84rem;
				left: 1.7rem;
				width: 4.08rem;
				height: 4.8rem;
				border-radius: 0.1rem;
				background-color: #fff;
				font-size: 0.3rem
			}
			
			.outside .showToast .topT {
				height: 0.88rem;
				line-height: 0.88rem;
				text-align: center;
				color: #428bca;
				font-size: 0.3rem;
				border-bottom: 1px solid #e8e8e8;
			}
			
			
			
			.icon {
				width: 0.5rem;
				height: 0.5rem;
			}
			label {
				position: relative;
				display: block;
				height: 0.84rem;
				line-height: 0.84rem;
				padding-left: 1.1rem;
				border-bottom: 1px solid #e8e8e8;
			}
			label text.iconfont {
				position: absolute;
				top: 0.02rem;
				font-size: 0.46rem;
				left: 0.32rem;
			}
			label svg {
				position: absolute;
				top: 0.18rem;
				left: 0.32rem;
			}
			label input {
				position: absolute;
				right: 0.2rem;
				top: 0.28rem;
			}
			label.last {
				height: 0.84rem;
				line-height: 0.84rem;
				border: none;
			}
			.btn {
				position: relative;
			}
			/*.btn button {
				position: absolute;
				top: 0;
			}*/
			.outside .showToast .confirmPay {
				margin: 0.24rem 0.42rem 0;
				color: #fff;
				font-size: 0.36rem;
				background-color: #428bca;
				text-align: center;
				width: 3.26rem;
				height: 0.76rem;
				line-height: 0.76rem;
				border: none;
				border-radius: 0.1rem;
			}
			label input[type="radio"]{
				background-color: #ec6941;
			}
			.show {
				display: none;
			}
		</style>
		<script type="text/javascript" src="../../js/common.js"></script>
	</head>

	<body>
		<header>
			<span></span>
			<text class="title">外科</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section class="registerT">
			就诊人
		</section>
		<section class="oneCon" id="haha">
			<text class="iconfont icon-jiuzhenqia"></text>
			<text class="iconfont icon-tiaozhuan"></text>
			<div class="Name">小飞飞</div>
			<div class="cardNum">430xxxxxxxxxxx1123</div>
		</section>
		<section class="registerT">
			挂号详情
		</section>
		<section class="twoCon">
			<section class="contain">
				<text class="lName">科室</text>
				<text class="rContain">普通外科</text>
			</section>
			<section class="contain">
				<text class="lName">医生</text>
				<text class="rContain">江文强</text>
			</section>
			<section class="contain">
				<text class="lName">号类</text>
				<text class="rContain">专科</text>
			</section>
			<section class="contain">
				<text class="lName">就诊时间</text>
				<text class="rContain">2017-06-09 下午</text>
			</section>
			<section class="contain">
				<text class="lName">挂号费</text>
				<text class="rContain">4元</text>
			</section>
		</section>
		<button class="confirmR" onclick="showToast()">确认挂号</button>

		<section class="outside show" id="showS" >
			<section class="showToast">

				<form action="" method="get">
					<section class="topT">
						选择支付方式
					</section>
					<label><text class="iconfont icon-weixin" style="color: #42ae3c;"></text>微信支付 <input  name="Pay" type="radio" value="" checked="checked" /></label>
					<label><text class="iconfont icon-zhifubao" style="color: #138fde;"></text>支付宝支付 <input name="Pay" type="radio" value="" /></label>
					<label class="last">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-yinhangqiazhifu"></use>
						</svg>银行卡支付 
						<input name="Pay" type="radio" value="" />
					</label>
				</form>
				<section class="btn">
					<button class="confirmPay" onclick="hideToast()">确认支付</button>
				</section>
			</section>
		</section>

	</body>
	<script type="text/javascript">
		document.getElementById("back").onclick = function() {
			window.history.back(-1);
		}
		function showToast(){
			var doc = document.getElementById("showS")
			console.log(doc);
			removeClass(doc,"show");
		}
		function hideToast(){
			var doc = document.getElementById("showS")
			console.log(doc);
			addClass(doc,"show");
		}
		document.getElementById("haha").onclick = function(){
		console.log("haha")
		 window.location.href="todaySelectDoctor.html?backurl="+window.location.href; 
	}
	</script>

</html>